<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>ECharts</title>
    <link rel="stylesheet" href="bootstrap-grid.css">
    <link rel="stylesheet" href="bootstrap-glyphicons.css">
    <link rel="stylesheet" href="chart.css">

    <!--<link rel="stylesheet/less" type="text/css" href="styles.less" />
    <script src="http://cdn.bootcss.com/less.js/1.7.0/less.min.js"></script>-->

    <script src="jquery-1.10.2.js"></script>
    <script src="bootstrap.min.js"></script>
    <script src="echarts3.js"></script>
    <script src="base.js"></script>
    <!--<script src="compUtils.js"></script>-->

    <script src="indexRankingOverview.js"></script>
    <script src="exponentialMatrix.js"></script>
    <script src="exponentialTrend.js"></script>
    <script src="comparedPreviousYear.js"></script>
    <script src="comparedPreviousYearCentre.js"></script>
    <script src="threeSAnalysis.js"></script>

    <script>
        $(function () {

            var params = {
                organId: '',
                quotaId: '',
                year: 0,
                type: 1
            };

            var main = {
                exe: function () {
                    var zone = $('.zone');
                    // Tc.ComparedPreviousYear.reanderPageA(zone, params);
                    // Tc.ComparedPreviousYearCentre.reanderPageA(zone, params);
                    // Tc.ComparedPreviousYearCentre.reanderPageB(zone, params);
                    // Tc.ExponentialMatrix.reanderPageA(zone, params);
                    // Tc.ExponentialMatrix.reanderPageB(zone, params);
                    // Tc.ExponentialTrend.reanderPageA(zone, params);
                    //  Tc.IndexRankingOverview.reanderPageA(zone, params);
                    // Tc.ThreeSAnalysis.reanderPageA(zone, params);
                    Tc.ThreeSAnalysis.reanderPageB(zone, params);
                }
            }
            main.exe();

            var zone = $('.zone');
            $(".ty1").click(function () {
                zone.empty();
                Tc.IndexRankingOverview.reanderPageA(zone, params);
            });
            $(".ty2").click(function () {
                zone.empty();
                Tc.IndexRankingOverview.reanderPageB(zone, params);
            });

        });
    </script>
</head>

<body>

    <!--<div class="box">54
        <div>
            123
        </div>
    </div>-->
    <div class="clo-md-12">
        <button class="btn-info ty1">类型一</button>
        <button class="btn-info ty2">类型二</button>
    </div>
    <div class="clo-md-12">
        <div class="zone"></div>
    </div>
</body>

</html>